<template>
  <a-popover :placement="'right'" trigger="hover">
    <!-- <span slot="title">数据预览</span>-->
    <div slot="content" class="popover-result">
      {{text}}<br/>
      行数：{{ count }}
    </div>
    <!-- 结果模块的 单个 bar  -->
    <slot></slot>
  </a-popover>
</template>

<script lang="ts">
/**
 * 结果概览 popover
 */
import {Vue, Component, Prop} from 'vue-property-decorator'

@Component({
  components: {}
})
export default class PopoverResult extends Vue {
  @Prop({type: String, default: '#757070'}) leftColor!: string
  @Prop({type: String, default: '#757070'}) rightColor!: string

  @Prop({type: String, default: ''}) text!: string  // 介绍文案
  @Prop({type: Number, default: 0}) count!: number  // 数量 行
}
</script>

<style lang="less" scoped>
.popover-result {
  font-size: 12px;
}


</style>
